<!DOCTYPE html>
<html lang="zh" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>财务 -- 审批开票</title>
    <meta name="author" content="dc">
    <link rel="stylesheet" type="text/css" href="/css/materialdesignicons.min.css">
    <link rel="stylesheet" type="text/css" href="/css/bootstrap.min.css">
    <link rel="stylesheet" type="text/css" href="/css/animate.min.css">
    <link rel="stylesheet" type="text/css" href="/css/style.min.css">
    <link href="/js/bootstrap-table/bootstrap-table.min.css" rel="stylesheet"/>
    <link rel="stylesheet" href="/js/jquery-confirm/jquery-confirm.min.css"/>
    <!--时间选择插件-->
    <link rel="stylesheet" href="/js/bootstrap-datetimepicker/bootstrap-datetimepicker.min.css">
    <!--日期选择插件-->
    <link rel="stylesheet" href="/js/bootstrap-datepicker/bootstrap-datepicker3.min.css">
    <!--固定table列-->
    <link href="/js/bootstrap-table/extensions/fixed-columns/bootstrap-table-fixed-columns.min.css" rel="stylesheet"/>
    <!-- 多选下拉 -->
    <link rel="stylesheet" href="/css/bootstrap-select.css" type="text/css"/>

    <link rel="stylesheet" href="/css/skin.css">
    <link rel="stylesheet" href="/css/bootstrapValidator.min.css" />
<!--    <link rel="stylesheet" href="/css/contractManager/user/contractDetail.css"/>-->
    <link rel="stylesheet" href="/css/finance/issueInvoice.css"/>
    <style>
        .fixed-table-pagination{
            display: none!important;
        }
    </style>
</head>
<body>
<div class="container-fluid p-t-15">
    <div class="row">
        <div class="col-sm-12">
            <div class="card">
                <div class="card-header">
                    <h1>发票信息</h1>
                </div>
                <div class="card-body ">
                    <input type="hidden" id="orderId" th:value="${vo?.orderId?:''}">
                    <input type="hidden" id="chsCustomerOrderInvoiceId" th:value="${vo?.chsCustomerOrderInvoiceId?:''}">
                    <input type="hidden" id="companyId" >

<!--                    <input type="hidden" id="chsCustomerOrderInvoiceId" th:value="${vo?.chsCustomerOrderInvoiceId?:''}">-->

<!--                    <div >100<span th:text="${vo?.chsCustomerOrderInvoiceId?:''}"></span></div>-->
                    <div class="subheading">
                        <p>订单信息</p>
                        <div class="centerContantTwo">
                            <table>
                                <tr>
                                <tr>
                                    <td>订单编号：<a href="JavaScript:void(0);" onclick="OrderDetail()"><span class="text order-num order-name" th:text="${vo?.orderCode?:''}"></span></a></td>
                                    <td>订单总金额：<span class="text" id="totalAmount" th:text="${vo?.totalAmount?:''}"></span></td>
                                    <td>开票金额：<span class="text" id="finishInvoiceMoney" th:text="${vo?.finishInvoiceMoney?:''}"></span></td>
                                    <td>未开发票金额：<span class="text" id="residueMoney" th:text="${vo?.residueMoney?:''}"></span></td>
                                </tr>
                                </tr>
                            </table>
                        </div>
                    </div>

                    <div class="subheading" style="margin-top: 30px;">
                        <p>申请信息</p>
                        <div class="centerContantTwo">
                            <table>

                                <tr>
                                    <td>申请人：<span class="text order-num" id="createPeopleName"></span></td>
                                    <td>申请时间：<span class="text" id="createTm"></span></td>
                                    <td>所属分公司：<span class="text" id="companyName"></span></td>
                                </tr>

                                <tr>
                                    <td>开票类型：<span class="text order-num" id="invoiceType"></span></td>
                                    <td>开票公司：<span class="text" id="invoiceCompanyName"></span></td>
                                    <td>发票抬头：<span class="text" id="invoiceTitle"></span></td>

                                </tr>
                                <tr>
                                    <td>邮箱：<span class="text" id="sendEmail"></span></td>
                                    <td>纳税人识别号：<span class="text order-num" id="taxNumber"></span></td>
                                    <td>电话：<span class="text" id="phone"></span></td>

                                </tr>
                                <tr>
                                    <td>账号：<span class="text order-num" id="bankAccount"></span></td>
                                    <td>地址：<span class="text" id="address"></span></td>
                                    <td>开票金额：<span class="text" id="invoiceMoney"></span></td>

                                </tr>
                                <tr>
                                    <td>开户行：<span class="text" id="bankAddress"></span></td>
                                    <td>备注：<span class="text" id="remark"></span></td>
                                </tr>

                            </table>
                        </div>
                    </div>

                    <div class="subheading" style="margin-top: 30px;">
                        <p>开票信息</p>
<!--                        <div class="centerContantTwo">-->
<!--                            -->
<!--                        </div>-->
                        <div class="row">
                            <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12" style="padding: 10px 20px;">
                                <table id="issueInvoiceTab"></table>
                                <div class="centerContantTwo">
                                    <table>

                                        <tr>
                                            <td>收款人：<span class="text order-num" id="payee" ></span></td>
                                            <td>复核人：<span class="text" id="reviewer" ></span></td>
                                            <td>开票人：<span class="text" id="makePerson" ></span></td>
                                        </tr>

                                    </table>
                                </div>
                                <div class="pull-right">

                                    <button type="button"  class="btn btn-primary " onclick="submitTable()">提交</button>
                                    <button type="button"  class="btn btn-default" onclick="resetTable()">重置</button>
                                </div>

                            </div>
                        </div>

                    </div>

                </div>


            </div>
        </div>
    </div>
</div>
</body>
<script type="text/javascript" src="/js/jquery.min.js"></script>
<script type="text/javascript" src="/js/bootstrap.min.js"></script>
<script type="text/javascript" src="/js/perfect-scrollbar.min.js"></script>
<script type="text/javascript" src="/js/main.min.js"></script>
<script type="text/javascript" src="/js/bootstrap-table/bootstrap-table.min.js"></script>
<script type="text/javascript" src="/js/bootstrap-table/bootstrap-table-zh-CN.min.js"></script>
<script type="text/javascript" src="/js/popper.min.js"></script>
<script type="text/javascript" src="/js/jquery.cookie.min.js"></script>
<!--<script src="/js/crm/common/city.js"></script>-->
<script src="/js/crm/common/common.js"></script>
<!--时间选择插件-->
<script src="/js/bootstrap-datetimepicker/moment.min.js"></script>
<script src="/js/jquery-confirm/jquery-confirm.min.js"></script>
<script src="/js/bootstrap-datetimepicker/bootstrap-datetimepicker.min.js"></script>
<script src="/js/bootstrap-datetimepicker/locale/zh-cn.js"></script>
<!--日期选择插件-->
<script src="/js/bootstrap-datepicker/bootstrap-datepicker.min.js"></script>
<script src="/js/bootstrap-datepicker/locales/bootstrap-datepicker.zh-CN.min.js"></script>
<!-- 多选框下拉 -->
<script type="text/javascript" src="/js/bootstrap-multiselect.js"></script>
<script type="text/javascript" src="/js/bootstrap-select.js"></script>
<script type="text/javascript" src="/js/bootstrap.lyear.dropdowntree.min.js"></script>

<!--table固定列-->
<script type="text/javascript" src="/js/bootstrap-table/extensions/fixed-columns/bootstrap-table-fixed-columns.js"></script>


<script type="text/javascript" src="/js/bootstrapValidator.min.js"></script>
<script src="/js/crm/finance/issueInvoice.js"></script>
</html>